﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfRouteList.aspx.cs" Inherits="msBsc.WebUi.wfRouteList" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>添加地接客路线</title>
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sHead.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sFoot.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/usermenu.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/from.css" rel="stylesheet" />
    <link href="/jqPlugin/hdfu/hdfu.css" rel="stylesheet" />
    <link href="/jqPlugin/layer/skin/layer.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Seller/sDjackVehicleList.css" rel="stylesheet" />
</head>
<body>
    <div class="wf_all">
        <div class="main-container">
            <div class="main-Info" style="margin-bottom: 200px;">
                <div>
                    <div class="controls">
                        <label>地区：</label>
                        <select class="selArea" id="selCountry">
                            <option value="0">请选择</option>
                            <option value="DF6723BE-A25C-4F77-BB49-A1662D3E6F2A">中国</option>
                            <option value="453370FE-8295-41EC-A41C-B6F650AD1B4C">亚洲</option>
                            <option value="927D5F28-C4FB-46A9-940C-B07DF0A04018">北美洲</option>
                            <option value="1FEAF456-7C76-41C8-A3D0-F9C12415A736">南美洲</option>
                            <option value="4E2B4524-E9CB-4E20-9224-E58EB636D1C7">非洲</option>
                            <option value="67FA6A8D-951C-4B53-AE1E-70DCB97E11DE">欧洲</option>
                            <option value="0B772F3D-D8F8-42E3-9019-81FE6F772236">大洋洲</option>
                        </select>
                        <select class="selArea" id="selCity">
                            <option value="0">请选择</option>
                        </select>
                        <xmp id="country_city_list" style="display: none">
                                <option value="0">请选择</option>
                                {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                                       <option value="{{d.rows[i].COUNTRY_CITY_ID}}">{{d.rows[i].COUNTRY_CITY_NME}}</option>
                                {{#} }}        
                            </xmp>
                        <select class="selArea" id="selDestination">
                            <option value="0">请选择</option>
                        </select>
                        <xmp id="city_des_list" style="display: none">
                               <option value="0">请选择</option>
                               {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                                <option value="{{d.rows[i].COUNTRY_CITY_ID}}">{{d.rows[i].COUNTRY_CITY_NME}}</option>
                               {{#} }}
                            </xmp>
                        &nbsp;&nbsp;
                        <label>标题：</label>
                        <input type="text" id="routeTitle" />
                        <input type="button" onclick="btnDo('init')" value="查询" />
                    </div>
                </div>
                <div class="main-horizontal">
                    <table class="table">
                        <thead>
                            <tr>
                                <th style="width: 20%">路线首图</th>
                                <th>路线标题</th>
                                <th style="width: 15%">是否有地接客</th>
                                <th style="width: 20%">操作</th>
                            </tr>
                        </thead>
                        <tbody id="routeList">
                            <tr>
                                <td>
                                    <p>没有任何的数据...</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <xmp id="svc_list_temp_vehicle" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                            <tr>
                                <td>
                                    <img src="{{d.rows[i].IMAGE_EXPLAIN}} 260x155img.jpg" />
                                </td>
                                <td>{{d.rows[i].ROUTE_TITEL}}</td>
                                <td>{{d.rows[i].IS_DJKINFO?"是":"否"}}</td>
                                <td>
                                    <a target="_blank" href="/ShpMana/wfUpdateRoute.aspx?routeId={{d.rows[i].ROUTE_ID}}">修 改</a>
                                    <br /><br />
                                    <a target="_blank" href="#">详 细</a>
                                </td>
                            </tr>
                        {{#} }}
                    </xmp>
                </div>
                <div id="divPage">
                </div>
            </div>
        </div>
    </div>
    <!--start JS引用-->
    <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script src="/jqPlugin/js/jBase.js"></script>
    <script src="/jqPlugin/js/jBPage.js"></script>
    <script src="/jqPlugin/js/laytpl.js"></script>
    <script src="/jqPlugin/layer/layer.min.js"></script>

    <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <script src="/jqPlugin/SelectSimu/js/SelectSimu.js"></script>
    <script src="/themes/wStyle1/js/comm/jsLayout.js"></script>

    <script src="/themes/wStyle1/js/comm/jsPagination.js"></script>
    <script type="text/ecmascript">
        $(function () {
            $("#selCountry").change(function () {
                $("#selCity").html("<option value='0'>请选择</option>");
                $("#selDestination").html("<option value='0'>请选择</option>");
                var _opartParam = new jsonRow();
                _opartParam.AddCell("countryId", $("#selCountry").val());
                _opartParam.AddCell("cityId", $("#selCity").val());
                _opartParam.AddCell("ACTION", "changeArea");
                ajaxComm(_opartParam);
            })

            $("#selCity").change(function () {
                $("#selDestination").html("<option value='0'>请选择</option>");
                var _opartParam = new jsonRow();
                _opartParam.AddCell("cityId", $("#selCity").val());
                _opartParam.AddCell("ACTION", "changeArea");
                ajaxComm(_opartParam);
            })
        });

        var pIndex = 1;
        var pageSize = 20;
        function btnDo(sEbtn) {
            GtGrid1Action = sEbtn;
            var opart = GetGtParam();
            ajaxComm(opart);
        };


        //执行AJAX调用时获取参数
        function GetGtParam() {
            var _jsParam = new jsonRow();
            var routeTitle = $("#routeTitle").val();
            _jsParam.AddCell("rTitle", routeTitle);

            var countryId = $("#selCountry").val();
            _jsParam.AddCell("county", countryId);

            var cityId = $("#selCity").val();
            _jsParam.AddCell("city", cityId);

            var destinationId = $("#selDestination").val();
            _jsParam.AddCell("destination", destinationId);

            _jsParam.AddCell("pIndex", pIndex);
            _jsParam.AddCell("pIndex", pIndex);
            _jsParam.AddCell("pRows", pageSize);
            _jsParam.AddCell("ACTION", GtGrid1Action);
            return _jsParam;
        };
        btnDo("init");

        function goPage(Index) {
            pIndex = Index;
            btnDo("init");
        }
    </script>
</body>
</html>
